.hy-decorate-wrapper
  background: #f5f5f5
  section.sec-box
    width: 100%
    height: 657px
    display: flex
    justify-content: center
    align-items: center
    background: #fff
    box-shadow: 2px 2px 2px 3px #ddd
    .hy-decorate-pagger-box
      display: flex
      justify-content: space-between
      width: 1070px
      height: 434px
    .hy-decorate-l,.hy-decorate-r
      width: 695px
      height: 433px
      display: flex
      flex-direction: column
      justify-content: space-between
    .hy-decorate-r
      width: 331px
    header
      display: inline-flex
      flex-direction: row
      justify-content: space-between
      font-size: 15px
      color: #888888
      font-weight: bold
      width: 343px
      line-height: 29px
      span.montant
        display: inline-block
        width: 4px
        height: 30px
        background: #a5c532
      span.title
        font-size: 20px
        color: #000
    ul.img-list
      width: 694px
      height: 357px
      display: flex
      flex-wrap: wrap
      justify-content: space-between
      li:nth-of-type(1)
        width: 328px
        height: 161px
        border: 1px solid #000
        position: relative
        background: url(/img/index/05.jpg) no-repeat center
        background-size: cover
        p
          width: 100%
          line-height: 38px
          font-size: 13px
          color: #fff
          text-align: center
          background: #75840f
          position: absolute
          left: 0
          bottom: 0
      li:nth-of-type(2)
        width: 328px
        height: 161px
        border: 1px solid #000
        position: relative
        background: url(/img/index/29.jpg) no-repeat center
        background-size: cover
        p
          width: 100%
          line-height: 38px
          font-size: 13px
          color: #fff
          text-align: center
          background: #75840f
          position: absolute
          left: 0
          bottom: 0
      li:nth-of-type(3)
        width: 328px
        height: 161px
        border: 1px solid #000
        position: relative
        background: url(/img/index/56.jpg) no-repeat center
        background-size: cover
        p
          width: 100%
          line-height: 38px
          font-size: 13px
          color: #fff
          text-align: center
          background: #75840f
          position: absolute
          left: 0
          bottom: 0
      li:nth-of-type(4)
        width: 328px
        height: 161px
        border: 1px solid #000
        position: relative
        background: url(/img/index/80.jpg) no-repeat center
        background-size: cover
        p
          width: 100%
          line-height: 38px
          font-size: 13px
          color: #fff
          text-align: center
          background: #75840f
          position: absolute
          left: 0
          bottom: 0
    ul.info-list
      width: 331px
      height: 429px
    li
      display: flex
      align-items: center

      span.point
        display: block
        width: 5px
        height: 5px
        border-radius: 50%
        background: #000
        margin-right: 21px
      span.date
        font-size: 12px
        color: #000
        line-height: 31px
  section.hy-performance-commitment
    display: flex
    width: 100%
    height: 823px
    justify-content: center
    align-items: center
    // background: pink
    .hy-performance-commitment-box
      // background: yellow
      display: flex
      flex-direction: column
      align-items: center
      justify-content: space-between
      width: 1129px
      height: 634px

    header.hy-head
      width: 128px
      height: 64px
      display: flex
      flex-direction: column
      justify-content: space-between
      p.performance
        font-size: 22px
        color: #000
        font-weight: bold
      p.service
        font-size: 5px
        color: #000
    ul.performance-list
      width: 1129px
      height: 549px
      display: flex
      flex-wrap: wrap
      flex-direction: row
    li
      display: flex
      justify-content: center
      align-items: center
      width: 280px
      height: 278px
      border-right: 1px solid #000
      border-bottom: 1px solid #000
      h3
        font-size: 13px
        color: #000
      p
        font-size: 12px
        color: #000

    .performance-box
      display: flex
      flex-direction: column
      align-items: center
      justify-content: space-between
      width: 174px
      height: 119px
      // background: red
    span
      display: block
      width: 46px
      height: 51px
      background: url('../img/index/logo/commitment-1.jpg') no-repeat center
      background-size: contain
    li:nth-of-type(2)
      span
        background-image: url('../img/index/logo/commitment-2.jpg')
    li:nth-of-type(3)
      span
        background-image: url('../img/index/logo/commitment-3.jpg')
    li:nth-of-type(4)
      border-right: none
      span
        background-image: url('../img/index/logo/commitment-4.jpg')
    li:nth-of-type(5)
      border-bottom: none
      span
        background-image: url('../img/index/logo/commitment-5.jpg')
    li:nth-of-type(6)
      border-bottom: none
      span
        background-image: url('../img/index/logo/commitment-6.jpg')
    li:nth-of-type(7)
      border-bottom: none
      span
        background-image: url('../img/index/logo/commitment-7.jpg')
    li:nth-of-type(8)
      border-right: none
      border-bottom: none
      span
        background-image: url('../img/index/logo/commitment-8.jpg')




